<div th:fragment="selectComponent">
    <template id="element-select-template">
        <div>
            <el-select :="attributes" v-model="selectValue">
                <el-option v-for="(data,index) in items" :key="index" :value="data[props.value]" :label="data[props.label]">
                </el-option>
            </el-select>
        </div>
    </template>
    <script>
        Vue.component('element-select',{
            template:'#element-select-template',
            props:{
                value:{
                    required:true
                },attributes:{
                    type:Object,
                },items:{
                    type:Array,
                    default:()=>[]
                },props: {
                    type: Object,
                    default: function() {
                        return {
                            label: "label",
                            value:"value"
                        }
                    }
                },
            },
            data(){
                return{

                }
            },methods:{

            },computed:{
                selectValue:{
                    get(){
                        return this.value
                    },set(value){
                        return this.$emit('update:value',value)
                    }
                }
            },filters:{

            },created(){
                console.log("component element-select",this)
            }
        })
    </script>
</div>